<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.css">
    <script src="js/bootstrap.js"></script>
</head>
<body>
<div class="header">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-2 header-text ">明天更好</div>
                    <div class="col-md-1 header-text ">Language</div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4 header-text">
                        <span class="loging">您好，请登录</span>
                        <span class="register">免费注册</span>
                    </div>
                    <div class="col-md-2 header-text">消息</div>
                    <div class="col-md-2 header-text">我的携程</div>
                    <div class="col-md-2 header-text">我的订单</div>
                    <div class="col-md-2 header-text">客服中心</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="up-info">
    <div class="container">
        <div class="row">
            <div class="col-md-2 logo">
                <img src="49fd555a-b46b-49fd-b5a5-053fb4a536dc.png" alt="">
            </div>
             <div class="col-md-5 input-so col-md-offset-1">
                 <input type="text" class="form-control">
                 <div class="search">
                     <span class="glyphicon glyphicon-search" aria-hidden="true">搜索</span>
                 </div>
             </div>
            <div class="hidden">
                <span class="header-text">登录</span>
                <span class="header-text">注册</span>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="container">
        <div class="row">
           <div class="big-box">
               <div class="column">
                   <div class="content-box">
                       <a href="">
                           <img src="image/541ca00e-9fc6-0792-616d-ebdcf2449d68" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="d6918780-f40b-f6b2-5180-101c9b96a9a6" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                 <span class="fa fa-heart-o">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="d6918780-f40b-f6b2-5180-101c9b96a9a6" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/5" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/8" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
               </div>
               <div class="column">
                   <div class="content-box">
                       <a href="">
                           <img src="image/b438e6ac-8524-c7f7-f47b-7c5478cd3db7.jpg" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/b100af17-ea12-982e-a06e-dd9e28428a3b%20(1)" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/6" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="0a3d2d44b7a8445a8344baf5e79391c3.jpg" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
               </div>
               <div class="column">
                   <div class="content-box">
                       <a href="">
                           <img src="image/ce4440ff-58fa-0ab3-2cb0-9a7eaf1104b3" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/df409e8f-4d09-6cb0-5ffa-b9bad9cce6c4" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/7" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="defalut.jpg" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
               </div>
               <div class="column">
                   <div class="content-box">
                       <a href="">
                           <img src="image/252a7531-c8cd-6a5c-5c00-51c09a0b81fa" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/2" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/4" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="caf54053597d45e6be9061cfc7ec98c2.jpg" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="video_shang_loading.gif" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
               </div>
               <div class="column last-colunm">
                   <div class="content-box">
                       <a href="">
                           <img src="image/23c25b91-3e09-737e-6459-36ea846dd44b" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/1" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="image/3" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="success.gif" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
                   <div class="content-box">
                       <a href="">
                           <img src="toutiao.svg" alt="" class="pic">
                       </a>
                       <div class="content-info">
                           <div content="title">
                               <a href="">
                                   <span class="title-cl">星河入梦——它的名字真浪漫~mmmasmasm妈妈吗吗撒</span>
                               </a>
                           </div>
                           <div class="user-info">
                               <div class="user-pic">
                                   <img src="cc37a57ba3bc4590a2be6bef4a0efc0c.jpg" alt="">
                               </div>
                               <div class="user-name">小米数据</div>
                               <div class="content-xin">
                                   <span class="glyphicon glyphicon-heart-empty">1</span>
                               </div>
                           </div>

                       </div>
                   </div>
               </div>
           </div>
        </div>
    </div>
</div>

</body>
</html>